﻿@{
    ViewBag.Title = "在线考试管理系统-首页";
}


<div class="full-slider">
    <!-- Slider (Flex Slider) -->

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="flexslider">
                    <div class="flex-caption">
                        <!-- Left column -->
                        <div class="col-l">
                            <p style="text-indent:2em;">Exam++是国内首款一款基于JAVA与MYSQL开发的网络考试系统。它可以稳定、顺畅的运行在Windows与Linux平台上。您可以通过它快捷方便的创建试题和题库，发布试卷，组织考试，系统自动批改。高度的可配置性和灵活性使得它可以被应用于很多领域。</p>
                            <p style="text-indent:2em;">软件采用GPL协议，完全开放且免费，并且有固定的开发团队提供技术支持</p>
                        </div>
                        <!-- Right column -->
                        <div class="col-r">

                            <!-- Use the class "flex-back" to add background inside flex slider -->
                            <!-- <img alt="" src="resources/images/ad.png"> -->
                            <p>如果您对软件有任何反馈和建议，加入我们的QQ群152258375一起讨论吧</p>

                            <!-- Button -->
                            <a class="btn btn-default btn-cta" href="user-register"><i class="fa fa-arrow-circle-down"></i> 马上加入我们吧</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="content" style="margin-bottom: 100px;">

    <div class="container">
        <div>
            <h3>开始测验</h3>
            <p>
                选择您想要参加的测验，考核下自己吧
            </p>
            <div class="row">
                <div class="select-test col-xs-6">
                    <div style="height: 100px;">
                        <div class="select-test-icon">
                            <i class="fa fa-cloud-upload"></i>
                        </div>
                        <div class="select-test-content">
                            <h3 class="title">强化练习</h3>
                            <p>
                                自主选择具体考点，各个击破
                            </p>
                            <a class="btn btn-primary" data-toggle="modal" data-target=".levelup-practice-modal"><i class="fa fa-arrow-right"></i>参加练习</a>
                            <div class="modal fade levelup-practice-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h6 class="modal-title" id="myModalLabel">选择想要练习的知识点</h6>
                                        </div>
                                        <div class="modal-body">
                                            <ul>
                                                <c:foreach items="${classifyMap}" var="item">
                                                    <li>
                                                        <div class="knowledge-title">
                                                            <i class="fa fa-chevron-up"> </i><i class="fa fa-chevron-down" style="display:none;"> </i>  <span class="knowledge-title-name">${item.key}</span>
                                                        </div>

                                                        <ul class="question-list-knowledge" style="display:none;">
                                                            <c:foreach items="${item.value }" var="tp">
                                                                <li>
                                                                    ${tp.questionTypeName } [共<span class="question-number">${tp.amount } </span>题]
                                                                    [已做<span class="question-number-2">${tp.rightTimes + tp.wrongTimes } </span> 题]
                                                                    <a href="student/practice-improve/${tp.questionPointId }/${tp.questionTypeId }" class="btn btn-success btn-sm join-practice-btn">参加练习</a>
                                                                </li>
                                                            </c:foreach>
                                                        </ul>
                                                    </li>
                                                </c:foreach>
                                            </ul>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭窗口</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--//content-->

                    </div>
                </div>
                <div class="select-test col-xs-6">
                    <div style="height: 100px;">
                        <div class="select-test-icon">
                            <i class="fa fa-eraser"></i>
                        </div>
                        <div class="select-test-content">
                            <h3 class="title">错题练习</h3>
                            <p>
                                收录做过的所有错题
                            </p>
                            <!-- <a class="btn btn-primary" href="student/practice-incorrect"><i class="fa fa-arrow-right"></i>参加练习</a> -->
                            <a class="btn btn-primary" data-toggle="modal" data-target=".incorrect-modal"><i class="fa fa-arrow-right"></i>参加练习</a>
                            <div class="modal fade incorrect-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h6 class="modal-title" id="myModalLabel">错题练习</h6>
                                        </div>
                                        <div class="modal-body">
                                            <ul>
                                                <c:foreach items="${wrongKnowledgeMap }" var="item">
                                                    <li>
                                                        <span class="point-name"> ${item.key }</span> [共<span class="question-number-3"><c:foreach items="${item.value }" var="v">${v.value }</c:foreach> </span>题]
                                                        <a href="student/practice-incorrect/<c:forEach items=" ${item.value }" var="k">${k.key }
                                                </c:foreach>" class="btn btn-success btn-sm join-practice-btn">参加练习</a>
                                                </li>
                                                </c:forEach>

                                            </ul>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭窗口</button>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--//content-->

                    </div>
                </div>
                <div class="select-test col-xs-6">
                    <div style="height: 100px;">
                        <div class="select-test-icon">
                            <i class="fa fa-superscript"></i>
                        </div>
                        <div class="select-test-content">
                            <h3 class="title">随机练习</h3>
                            <p>

                                根据你对考点的掌握程度智能出题，提升综合能力
                            </p>
                            <a class="btn btn-primary" href="student/practice-test"><i class="fa fa-arrow-right"></i>参加练习</a>
                        </div>
                        <!--//content-->

                    </div>
                </div>
                <div class="select-test col-xs-6">
                    <div style="height: 100px;">
                        <div class="select-test-icon">
                            <i class="fa fa-file-text"></i>
                        </div>
                        <div class="select-test-content">
                            <h3 class="title">模拟考试</h3>
                            <p>
                                根据最新大纲的考查要求为你自动生成的模拟卷
                            </p>
                            <a class="btn btn-primary" data-toggle="modal" data-target=".practice-exampaper-modal"><i class="fa fa-arrow-right"></i>参加测验</a>
                            <div class="modal fade practice-exampaper-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h6 class="modal-title" id="myModalLabel">选择试卷，参加考试</h6>
                                        </div>
                                        <div class="modal-body">
                                            <ul>
                                                <c:foreach items="${practicepaper}" var="item">
                                                    <li>
                                                        <a href="student/examing/${item.id}">${item.name}</a>
                                                    </li>
                                                </c:foreach>
                                            </ul>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭窗口</button>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--//content-->
                    </div>
                </div>
                <div class="select-test col-xs-6">
                    <div style="height: 100px;">
                        <div class="select-test-icon">
                            <i class="fa fa-book"></i>
                        </div>
                        <div class="select-test-content">
                            <h3 class="title">随机组卷</h3>
                            <p>
                                随机组成试卷参加考试
                            </p>
                            <a class="btn btn-primary" data-toggle="modal" data-target=".history-exampaper-modal" disabled="disabled"><i class="fa fa-arrow-right"></i>即将开放</a>
                            <div class="modal fade history-exampaper-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h6 class="modal-title" id="myModalLabel">选择试卷，参加考试</h6>
                                        </div>
                                        <div class="modal-body">
                                            <ul>
                                                <c:foreach items="${historypaper}" var="item">
                                                    <li>
                                                        <a href="student/examing/${item.id}">${item.name}</a>
                                                    </li>
                                                </c:foreach>
                                            </ul>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭窗口</button>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--//content-->

                    </div>
                </div>
                <div class="select-test col-xs-6">
                    <div style="height: 100px;">
                        <div class="select-test-icon">
                            <i class="fa fa-rocket"></i>
                        </div>
                        <div class="select-test-content">
                            <h3 class="title">专家试卷</h3>
                            <p>
                                专家组卷，为你提供更权威的考题动向
                            </p>
                            <a class="btn btn-primary" data-toggle="modal" data-target=".expert-exampaper-modal" disabled="disabled"><i class="fa fa-arrow-right"></i>即将开放</a>
                            <div class="modal fade expert-exampaper-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h6 class="modal-title" id="myModalLabel">选择试卷，参加考试</h6>
                                        </div>
                                        <div class="modal-body">
                                            <ul>
                                                <c:foreach items="${expertpaper}" var="item">
                                                    <li>
                                                        <a href="student/examing/${item.id}">${item.name}</a>
                                                    </li>
                                                </c:foreach>
                                            </ul>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭窗口</button>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--//content-->

                    </div>
                </div>

            </div>

        </div>

    </div>
</div>